<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>航海王主要角色介绍</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            flex-wrap: wrap;
        }
        .character-frame {
            border: 1px solid #ddd;
            border-radius: 10px;
            margin: 20px;
            width: 200px;
            text-align: center;
        }
        .character-frame img {
            width: 100%;
            height: auto;
            border-bottom: 5px solid white;
        }
        .character-frame h3 {
            margin: 10px 0;
        }
        .character-frame p {
            margin: 0;
        }
    </style>
</head>
<body>
    <div class="character-frame">
        <img src="https://img0.baidu.com/it/u=1476822088,522624731&fm=253&fmt=auto&app=120&f=JPEG?w=1194&h=768" alt="路飞">
        <h3>蒙奇·D·路飞</h3>
        <p>路飞是草帽海贼团的团长，拥有橡胶果实能力。他的梦想是成为海贼王，寻找传说中的One Piece。</p>
    </div>
    <div class="character-frame">
        <img src="https://img2.baidu.com/it/u=1712193003,1356555389&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=282" alt="罗罗诺亚·索隆">
        <h3>罗罗诺亚·索隆</h3>
        <p>索隆是草帽海贼团的剑士，擅长使用三把刀的剑术。他的目标是成为世界第一的剑士。</p>
    </div>
    <div class="character-frame">
        <img src="https://bkimg.cdn.bcebos.com/pic/2fdda3cc7cd98d10507726c92b3fb80e7aec90a2" alt="娜美">
        <h3>娜美</h3>
        <p>娜美是草帽海贼团的航海士，擅长绘制地图和导航。她的梦想是找到所有指针，绘制出世界地图。</p>
    </div>
    <div class="character-frame">
        <img src="https://img1.baidu.com/it/u=1363094204,3124109282&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="乌索普">
        <h3>乌索普</h3>
        <p>乌索普是草帽海贼团的狙击手，擅长使用弹弓进行远程攻击。他的梦想是成为一个勇敢的海上战士。</p>
    </div>
    <div class="character-frame">
        <img src="https://5b0988e595225.cdn.sohucs.com/images/20190324/aca5d450ffa749acbdbf9d7d13fdbfd6.jpeg" alt="山治">
        <h3>山治</h3>
        <p>山治是草帽海贼团的厨师，擅长使用腿部的武术。他的梦想是找到传说中的海洋“All Blue”。</p>
    </div>
    <div class="character-frame">
        <img src="https://img1.baidu.com/it/u=4243314837,767544737&fm=253&fmt=auto&app=120&f=JPEG?w=963&h=482" alt="乔巴">
        <h3>乔巴</h3>
        <p>乔巴是草帽海贼团的船医，拥有人人果实能力。他的梦想是成为一名真正的医生，治愈所有生病的人。</p>
    </div>
    <div class="character-frame">
        <img src="https://imgcache.cjmx.com/comic/201601/20160104213718721.jpg" alt="罗宾">
        <h3>罗宾</h3>
        <p>罗宾是草帽海贼团的考古学家，拥有花花果实能力。她的梦想是找到关于“空白的一百年”的谜团。</p>
    </div>
    <div class="character-frame">
        <img src="https://inews.gtimg.com/newsapp_bt/0/13213960954/641" alt="弗兰奇">
        <h3>弗兰奇</h3>
        <p>弗兰奇是草帽海贼团的船匠，他是一个半机械人。他的梦想是制造一艘能够环游世界的完美船只。</p>
    </div>
    <div class="character-frame">
        <img src="https://img2.baidu.com/it/u=2528435727,3767871468&fm=253&fmt=auto&app=138&f=JPEG?w=882&h=500" alt="布鲁克">
        <h3>布鲁克</h3>
        <p>布鲁克是草帽海贼团的音乐家，拥有不会死亡黄泉果实。他的梦想是与多年前失散的一个鲸鱼再次相会。</p>
    </div>
    <div class="character-frame">
        <img src="https://i2.hdslb.com/bfs/archive/9bf78b2f1821e194646574d2c6f09810756e9066.jpg" alt="甚平">
        <h3>甚平</h3>
        <p>甚平是草帽海贼团的舵手，他是个鱼人，擅长强大的鱼人空手道技巧。他的梦想是为鱼人岛的人民做贡献。</p>
    </div>
</body>
</html>